<template>
    <div class="zuopin_big">
        <div @click="show(index)" v-for="item, index in data" class="zuopin_list" :key="index">
            <img :src="item.Video.videoCover">
        </div>
    </div>
</template>
<script setup>
import { defineEmits } from 'vue';
const emit = defineEmits(['show_big'])
const prop = defineProps(
    {
        data: {
            type: Object,
        }
    }
)
function show(index) {
    emit('show_big', index)
}
</script>
<style scoped lang="scss">
@function r($v) {
    @return $v / (390 / 10rem)
}

.zuopin_big {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.zuopin_list {
    width: 33.33%;
    height: r(185);

    img {
        width: 100%;
        height: 100%;
    }
}
</style>